
body {
	margin: 0;
	background: url(images/background.png) repeat 0 0;
}


#wrapper {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
/*heared elements*/
#header {
	position: relative;
	margin-top: 20px;
	height: 300px;
	width: 1000px;
}

/*footer {
	position: absolute;
	background: url(images/nav-bg.png);
	width: 1000px;
	height: 50px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	bottom: 0;

}*/
	#movie-covers {
		background: url(images/perspective-covers-bg2.png);
		height: 250px;
		width: 1000px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		text-align: center;
	}
	#cover1, #cover2, #cover3, #cover4, #cover5  {
		display: inline-block;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		margin-left: auto;
		margin-right: auto;
		width: 170px;
		-webkit-box-reflect: below 5px 
		-webkit-gradient(linear, left top, left bottom, from(transparent), 
			color-stop(0.9, transparent), 
			to(rgba(255, 255, 255, 0.5)));
	}

	#cover1, #cover4 {
		perspective: 150;
		-webkit-transform: perspective(800) rotateY(45deg);
		
	}
	#cover2, #cover5 {
		perspective: 150;
		-webkit-transform: perspective(800) rotateY(-45deg);
	}

	#logo-and-so {
		margin: 0;
		padding: 0;
		height: 80px;
		width: 1000px;
	}
	#logo > img {
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		position: relative;
		left:382px;
		right: 383px;
		box-shadow: 30px 10px 25px #888888;
	}

/*navigation*/

ul, li {
	list-style: none;
}

a {
	text-decoration: none;
}

#navigation-manu {
	width: 1000px;
	height: 50px;
	background: url(images/nav-bg.png);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#navigation-manu ul li {
	float: left;
	margin: 0 7;
	width: 110px;
	height: 40px;
	text-align: center;
	padding: 0;
	background: url(images/nav-but-bg.png) repeat-x;
	border-radius: 5px;
	-webkit-box-reflect: below 5px 
		-webkit-gradient(linear, left top, left bottom, from(transparent), 
			color-stop(0.9, transparent), 
			to(rgba(255, 255, 255, 0.5)));
	border: 1px solid #c1bfbf;
} 
#navigation-manu ul li:hover {
	background: url(images/nav-but-hover.png) repeat-x;
	color: #d3d3d3;
	border-color: #0a0b3d;
}


#navigation-manu ul li a {
	display: block;
	padding: 10 0 10 0;
	color:#131558;
	font-family: Arial;
	font-weight: bold;
	margin: 0;
}

#navigation-manu ul li a:hover{
	color: #d3d3d3;
}

#who-am-i {
	float: right;
	position: relative;
	top: 12;
	width: 300;
	text-align: center;
	margin-right: 30;
	margin-bottom: 0;
	padding: 0;
	font-family: Arial;
	font-size: 20px;
	visibility: hidden;
	color: #949494;
	-webkit-box-reflect: below 1px 
		-webkit-gradient(linear, left top, left bottom, from(transparent), 
			color-stop(0.3, transparent), 
			to(rgba(255, 255, 255, 0.5)));
}

#log-reg {
	position:relative;
	float: right;
	width: 300;
	height: 25;
	margin:0;
	margin-right: 10;
	padding: 0;
	z-index: 8;
}

#log-reg ul {
	float:right;
	margin: 0;
	padding: 0;
	width: 300;
	height: 25;
}

#log-reg ul li{
	float:right;
}

#log-reg ul li a{
	background-color: #131558;
	margin: 0 5;
	padding: 3 7;
	border-bottom-right-radius: 5;
	border-bottom-left-radius: 5;
	font-family: Arial;
	font-size: 13px;
	color: #c2c2c3;
	box-shadow: 7px 7px 10px #888888;
}



/*#out-set {
	float: right;
	width: 300;
	height: 25;
	margin:0;
	margin-right: 10;
	padding: 0;
}*/

.out-set {
	visibility: hidden;
	position: absolute;
	top: 0;
	float:right;
	margin: 0;
	padding: 0;
	width: 200;
	height: 25;
}

.out-set ul li{
	float:right;
	visibility: hidden;
}

.out-set ul li a{
	background-color: #131558;
	visibility: hidden;
	margin: 0 5;
	padding: 3 7;
	border-bottom-right-radius: 5;
	border-bottom-left-radius: 5;
	font-family: Arial;
	font-size: 13px;
	color: #c2c2c3;
	box-shadow: 7px 7px 10px #888888;
}

#login-bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	left: 0;
	text-align: center;
	visibility: hidden;
	z-index: 9;
	background-color: #0a0b3d;
	opacity: 0.7;
}

#login-form {
	background: url(images/login-bg.png) repeat-x;
	border-radius: 5px;
	position: absolute;
	width: 300px;
	height: 100px;
	top: 300;
	left: 35%;
	visibility: hidden;
	z-index: 10;
	text-align: center;
	padding: 20px 0 0 0;
	border: 1px solid #8a8a8a;
}

#registration-form, #message-box {
	background: url(images/reg-form-bg.png) repeat-x;
	border-radius: 5px;
	position: absolute;
	width: 450px;
	height: 250px;
	top: 230;
	left: 27%;
	visibility: hidden;
	z-index: 10;
	text-align: center;
	padding: 20px 0 0 0;
	border: 1px solid #8a8a8a;
}

#message {
	font-family: Arial;
}

label {
	font-family: Arial;
}



/*main-content*/

#content {
	position: absolute;
	top: 390;
	width: 950px;
	text-align: center;
	margin: 0 25px;
	background-color: white;
	border-radius: 10px;
	z-index: 1;
	margin-top: 10;
}



/*admin panel*/

#admin-action-buttons, #account-set-buttons {
	display: inline-block;
	float: left;
	width: 300;
	text-align: center;
	font-family: Arial;
	font-size: 18;

}

#admin-action-buttons ul li, #account-set-buttons ul li {
	background: url(images/nav-but-bg.png) repeat;
	margin: 10 0;
	height: 40;
	border-radius: 7;
	border: 1px solid #d7d7d7;

}

#admin-action-buttons ul li a, #account-set-buttons ul li a {
	position: relative;
	top: 9;
	color: #131558;
}
#admin-forms-container, #userset-forms-container {
	display: inline-block;
	float: right;
	width: 450;
	text-align: center;
}

#add_cin_form, #rv_cin_form, #add_hall_form, #rv_hall_form, #add_movies_form, #ch_movies_form, #add_proj_form, #account_deact_form, #ch_password_form, #ch_genres_form, #selfdeact_account_form{
/*	position: absolute;
	top: 50;
	right: 30;*/
	display: inline-block;
	background: url(images/reg-form-bg.png) repeat;
	width: 300;
	float: right;
	margin-top: 25;
	margin-right: 30;
	padding: 30 30;
	border-radius: 10;
	border: 1px solid #8a8a8a;
	box-shadow: 7px 7px 10px #888888;
	z-index: 1;
}

/*cinema button*/



#cinema-list{
	display: inline-block;
	margin: 25;
	background: url(images/reg-form-bg.png) repeat;
	width: 890;
	text-align: center;
	font-family: Arial;
	border-radius: 10;
	border: 1px solid #8a8a8a;
	box-shadow: 5px 5px 8px #888888;
}

.cinema-box{
	width: 350;
	text-align: center;
	float: left;
	margin:25 40;


}

.cinema-logo{
	width: 320;
	text-align: center;
}

.cinema-name3{
	text-align: center;
	color: #131558;
}



.acinema{
	margin: 5 0;
}


#cinema-list{
	display: inline-block;
	margin: 25;
	background: url(images/reg-form-bg.png) repeat;
	width: 890;
	text-align: center;
	font-family: Arial;
	border-radius: 10;
	border: 1px solid #8a8a8a;
	box-shadow: 5px 5px 8px #888888;
}

/*movies*/

#movies-list{
	display: inline-block;
	margin: 25;
	width: 300;
	float: left;
	text-align: center;
	font-family: Arial;

}

.movie-name{
	width: 250;
	background: url(images/reg-form-bg.png) repeat;
	box-shadow: 4px 4px 12px #888888;
	border: 1px solid #8a8a8a;
	border-radius: 10;
	margin:10 0;
	padding: 6 0;
}
.movie-name a{
	color:#131558; 
}

#movie_descr {
	display: inline-block;
	float:right;
	margin: 25;
	width: 500;
	background: url(images/reg-form-bg.png) repeat;
	box-shadow: 4px 4px 12px #888888;
	border: 1px solid #8a8a8a;
	border-radius: 10;
	padding: 20 10;
}

#movietitle_span{
	color: #131558;
	font-family: Arial;
	font-weight: bold;
	font-size: 24;
}
#movietitle{
	margin-bottom: 10;
}
.other_spec{
	color: #131558;
	font-family: Arial;
	font-size: 14;
	margin:3 0;
}
#movie_cover{
	margin-bottom: 10;
}
#description{
	margin-top: 10;
	font-size: 16;
	font-family: Arial;
	color: #131558;
}


/*program*/
#cin_program_select{
	text-align: center;
}

.cin_program{
	display: inline-block;
	font-family: Arial;
	color: #131558;
	margin:13;
	width: 150;
	padding: 5 0;
	background: url(images/reg-form-bg.png) repeat;
	box-shadow: 4px 4px 12px #888888;
	border: 1px solid #8a8a8a;
	border-radius: 7;
}

.cin_program a{
	color: #131558;
}


#cin_date_content{
	font-family: Arial;
	font-size: 22;
	color: #d3d3d3;
	background-color: #131558;
	box-shadow: 4px 4px 12px #888888;
	border-radius: 7;
	margin: 25 0;
}

.movie_day{
	text-align: left;
	width: 950;
	margin: 15 25;
}

.movie_title{
	display: inline-block;
	font-family: Arial;
	font-size: 16;
	color: #d3d3d3;
	width: 250;
	background-color: #131558;
	box-shadow: 4px 4px 12px #888888;
	border-radius: 7;
	text-align: center;
}

.hour_begin{
	display: inline-block;
	width: 50;

	font-family: Arial;
	background: url(images/reg-form-bg.png) repeat;
	box-shadow: 4px 4px 12px #888888;
	border: 1px solid #8a8a8a;
	border-radius: 7;
	text-align: center;
}

.hour_begin a{
	color: #131558;
}
#program_content{
	margin-bottom: 40;
}

/*reservation*/
.row{
	text-align: left;
	width: 950;
	margin:3;
}
.row_number {
	display: inline-block;
	font-family: Arial;
	font-size: 14;
	color: #d3d3d3;
	width: 60;
	background-color: #131558;
	box-shadow: 4px 4px 12px #888888;
	border-radius: 7;
	text-align: center;
}

.row_seat{
	display: inline-block;
	text-align: center;
	width:890;
}

.seat{
	display: inline-block;
	width: 15;
	height: 15;
	border-radius: 3;
	margin:0 3;
}
#screen{
	display: inline-block;
	font-family: Arial;
	font-size: 14;
	color: #d3d3d3;
	width: 60;
	background-color: #131558;
	box-shadow: 4px 4px 12px #888888;
	border-radius: 7;
	text-align: center;
	margin-left: 65;
}

#reserv_info{
	font-family: Arial;
	font-size: 18;
	color: #d3d3d3;
	background-color: #131558;
	box-shadow: 4px 4px 12px #888888;
	border-radius: 7;
	margin: 25 0;
	text-align: center;
}

.info{
	display: inline-block;
}

#reserve_butt{
	font-family: Arial;
	font-size: 18;
	color: #d3d3d3;
	width: 100;
	background-color: #131558;
	box-shadow: 4px 4px 12px #888888;
	border-radius: 7;
	text-align: center;
	margin: 20 0;
}
#reserve_butt a{
	color: #d3d3d3;
}

#not_logged{
	margin: 20;
	font-family: Arial;
	font-size: 18;
	background-color: #131558;
	box-shadow: 4px 4px 12px #888888;
	border-radius: 7;
	text-align: center;
	color: #d3d3d3;
}

/*home*/
.home-column{
	width: 200;
	float: left;
	margin: 17;
	border: 1px solid #131558;
	border-radius: 7;
	background: url(images/reg-form-bg.png) repeat;
	box-shadow: 4px 4px 12px #888888;
}

.column-title{
	font-family: Arial;
	background-color: #131558;
	color:#d3d3d3;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

.movie-cell{
	margin-top: 5;
	padding-bottom: 10;
	/*border-top: 1px solid #131558;*/
}

.movie-cell-title{
	padding-top: 5;
	font-family: Arial;
	font-size: 16;
	font-weight:bold;
}

.movie-cell-title a{
	color: #131558;
}

.movie-cell-cover{
	margin: 5 0;
}

.movie-cell-descr{
	margin: 5 0;
	padding: 0 3;
	color: #131558;
	font-family: Arial;
	font-size: 14;
}

.movie-cell-more, #read-comment, #show-proj{
	margin:10 auto;
	font-family: Arial;
	background-color: #131558;
	border-radius: 5;
	width: 75;
}

#read-comment, #show-proj{
	width: 150;
}

.movie-cell-more a, #read-comment a, #show-proj a{
	color:#d3d3d3;
}

#home-movie-content{
	margin: 25 auto;
	width: 500;
	background: url(images/reg-form-bg.png) repeat;
	box-shadow: 4px 4px 12px #888888;
	border: 1px solid #8a8a8a;
	border-radius: 10;
	padding: 20 10;
}

#list-reservations{
	padding: 25;
}

.my-reservations-row{
	text-align: left;
}

.stat-movie-name{
	display: inline-block;
	width: 200;
	height: 20;
	font-family: Arial;
	font-size: 16; 
	border-radius: 5;
	text-align: center;
	padding-top: 5;
	padding-bottom: 5;
}

.stat-movie-name a{
	color: #d3d3d3;
	padding: 5 5;
}

.stat-cinema-name, .stat-proj-date, .stat-proj-begin, .stat-proj-tickets{
	display: inline-block;
	width: 100;
	height: 20;
	color: #131558;
	font-family: Arial;
	font-size: 16; 
	border: 1px solid #8a8a8a;
	border-radius: 5;
	text-align: center;
	padding-top: 5;
	padding-bottom: 5;
}


.rate, .my-rate, .my-comment{
	display: inline-block;
	float: right;
	font-family: Arial;
	font-size: 16; 
	border-radius: 5;
	text-align: center;
	width: 110;
	height: 20;
	margin:0 5;
	background-color: #131558;
	padding-top: 5;
	padding-bottom: 5;
}

.rate a, .my-rate a, .my-comment a{
	color: #d3d3d3;
}

#comment-box, #rate-box{
	position: fixed;
	top:40%;
	left:30%;
	width: 600;
	background-color: #131558;
	border-radius: 5;
	color: #d3d3d3;
	font-family: Arial;
	z-index:10;
	text-align: center;
	box-shadow: 4px 4px 12px #888888;
	padding-top: 10;
}

#send-comment, #cancel-comment, #give-rate, #cancel-rate{
	background-color: #d3d3d3;
	width: 150;
	height: 20;
	border-radius: 5;
	margin: 10 auto;
}

#send-comment a, #cancel-comment a, #give-rate a, #cancel-rate a{
	color: #131558;
}
#comment-rate-bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	left: 0;
	text-align: center;
	visibility: hidden;
	z-index: 9;
	background-color: #d3d3d3;
	opacity: 0.7;
}

#comments-list{
	width: 450;
	position: absolute;
	top: 200;
	left:28%;
	background-color: #131558;
	border-radius: 5;
	color: #d3d3d3;
	font-family: Arial;
	z-index:10;
	text-align: center;
	box-shadow: 4px 4px 12px #888888;
}

.comment-info{
	color: #131558;
	background-color: #d3d3d3;
	border-radius: 5;
	margin-top: 15;
	margin-left: auto;
	margin-right: auto;
	width: 400;
}


.account-name-comment{
	display: inline-block;
}

.comment-date{
	display: inline-block;
}


.read-comment-content{
	margin-bottom: 10;
	margin-right: auto;
	margin-left: auto;
	width: 400;
	border: 1px solid #d3d3d3;
	border-radius: 5;
	text-align: left;
}

#close-comments-list{
	position: fixed;
	top: 5;
	right:5;
	background-color: #131558;
	border-radius: 5;
	font-family: Arial;
	z-index: 10;
	width: 75;
	height: 20;
	text-align: center;

}

#close-comments-list a{
	color: #d3d3d3;
}

#rate-box span{
	margin-top: 15;
}

#noproj_span{
	color: #131558;
}



#search{
	position:relative;
	width: 195;
	height: 30;
	background-color: #131558;
	z-index: 8;
	font-family: Arial;
	font-size: 15;
	border-bottom-right-radius: 5;
	border-bottom-left-radius: 5;
	float:left;
	margin-top: 0;
	margin-left:15;
	padding: 0;
	box-shadow: 7px 7px 10px #888888;
}


#search-button, #search-text{
	float:left;
	margin-left: 5;
}
#search-button{
	margin-top: 5;
}
#search-button a{
	color: #d3d3d3;
}




